<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
		<title>陕西陇朝盈科技有限公司</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.showMore.js"></script>
    <!--<script src="js/input.js"></script>-->
		<!--[if lt IE 9]>
			<script src="js/html5shiv.min.js"></script>
    		<script src="js/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
					<a class="navbar-brand logo" href="index.html"></a>
				</div>
				<div class="collapse navbar-collapse" id="example-navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="active">
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="service.html">服务领域</a>
						</li>
						<li>
							<a href="apply_zhiwei.html">招聘信息</a>
						</li>
						<li>
							<a href="add.html">加入我们</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
            <li><a href="b.html">员工风采</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!--导航-->

		<div  class="contact1"><img src="images/lx2.jpg"  title="联系我们，点击放大" style="width: 100px;height: 200px;"></div>
		<div class="contact-box" style="display: none;"><div class="sc"></div></div>

		<!--home-->
		<div id="home">
			<div class="lvjing">
				<div class="row wow fadeInUp" data-wow-duration="0.5s">
					<img class="img-responsive" src="images/banner123.jpg" alt="" />
				</div>
			</div>
		</div>
		<!--home-->
		<!--bbs-->
   		<div id="bbs">
      <div class="container">
        <div class="row wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
          <div class="col-md-12"> <span class="line"></span>
            <h3 class="title">时事新闻</h3><span class="line"></span></div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <h2>公司动态</h2>
            <ul id="news">
            <!--<li>-->
            <!--<a href="">-->
            <!--<div class="col-md-6 col-sm-6 col-xs-12">-->
            <!--<h3 style="font-size:16px;">陕西陇朝盈科技有限责任公司下属招聘平台</h3>-->
            <!--<p style="font-size:12px;">作为社保代缴行业的领跑者，蚂蚁社保面对突发疫情加速了全面提升服务质量的步伐。</p>-->
            <!--</div>-->
            <!--<div class="col-md-6 col-sm-6 col-xs-12">-->
            <!--<p class="icon icon-img">-->
            <!--<img src="images/qiuzhi.png" class="img-responsive" alt="" />-->
            <!--</p>-->
            <!--</div>-->
            <!--</a>-->
            <!--</li>-->
            </ul>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <h2>公司信息</h2>
            <p class="icon-img"><img class="img-responsive" src="images/news1.png" alt=""/></p>
          </div>
        </div>
      </div>
    </div>
		<!--bbs-->

		<!--app-->
		<section id="app">
			<div class="container">
				<div class="row  wow fadeInUp">
					<div class="col-md-12"><span class="line"></span>
						<h3 class="title">热招岗位</h3><span class="line"></span></div>
					<div class="col-md-12 lanren">
						<ul id="myTab" style="font-weight: 800;background: #f6f6f8"></ul>
						<!--<li class="active"><a href="#it" data-toggle="tab">IT.互联网</a></li>-->
						<!--<li><a href="#jinrong" data-toggle="tab">金融</a></li>-->
						<!--<li><a href="#dichan" data-toggle="tab">房地产.建筑</a></li>-->
						<!--<li><a href="#jiaoyu" data-toggle="tab">教育培训</a></li>-->
						<!--<li><a href="#yule" data-toggle="tab">娱乐传媒</a></li>-->
						<!--<li><a href="#yiliao" data-toggle="tab">医疗健康</a></li>-->
						<!--<li><a href="#falv" data-toggle="tab">法律咨询</a></li>-->
						<!--<li><a href="#wuliu" data-toggle="tab">供应链.物流</a></li>-->
						<!--<li><a href="#caigou" data-toggle="tab">采购贸易</a></li>-->

						<div class="clear"></div>
						<div id="myTabContent" class="showMoreNChildren" pagesize="8">
              <!--<ul id="mtContent"></ul>-->
            </div>
            <!--<ul class="list">数据加载中，请稍后...</ul>-->
            <div class="clear"></div>
            <!--加载更多按钮-->

            <!--<div class="js-load-more">加载更多</div>-->
            <!--<div class="more1 center"><a href="javascript:;" id="get_more">加载更多</a></div>-->
					</div>
				</div>
			</div>
			</div>
		</section>
		<!--app-->

		<!--bbs2-->
		<div id="bbs2">
			<div class="container">
				<div class="row wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
					<div class="col-md-12"> <span class="line"></span>
						<h3 class="title">劳务派遣</h3><span class="line"></span></div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<a href="">
							<h3>人力资源服务</h3>
							<p>
								“人力资源服务”英文名为“Human Resource Service”，简称“HR”， 人力资源服务是指人才和用人单位提供相关服务， 从而促进人力资源 的有效开发与优化配置的服务行业。据《中国人力资源服务行业市场前 瞻与投资战略规划分析报告前瞻》数据显示， 目前，我国已经初步形成 了多层次、多元化的人力资源市场服务体系，人力资源服务内融也由最初 额职业介绍、培训和流动人口档案管理等延伸至完整的人力资源服务产业链， 包括政策咨询、求职招聘、劳动人事代理、就业指导、职业培训、创业指导、 社会保障、劳务派遣、人才测评、人才搜寻、管理咨询和服务外包等多种业务。
							</p>
						</a>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<a href=""><img src="images/laowu.png" class="img-responsive" alt="" /></a>
					</div>
				</div>
			</div>
		</div>
		<!--bbs2-->
		<!--course-->
		<section id="course">
			<div class="container">
				<div class="row wow fadeIn" data-wow-delay="0.6s">
					<div class="col-md-12">
						<span class="line"></span>
						<h3 class="title">软件开发</h3><span class="line"></span>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6">
						<div class="course">
							<!--<img src="img/8.png" class="img-responsive" alt=""/>-->
							<p><img src="images/1.png" class="img-responsive" alt="" /></p>
							<h4>以科技创新为基础</h4>
							<h5>不断学习新技术，突破层层难关</h5>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6">
						<div class="course">
							<!--<img src="img/5.png" class="img-responsive" alt=""/>-->
							<p><img src="images/2.png" class="img-responsive" alt="" /></p>
							<h4>以科技创新为基础</h4>
							<h5>不断学习新技术，突破层层难关</h5>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6">
						<div class="course">
							<!--<img src="img/6.png" class="img-responsive" alt=""/>-->
							<p><img src="images/3.png" class="img-responsive" alt="" /></p>
							<h4>以科技创新为基础</h4>
							<h5>不断学习新技术，突破层层难关</h5>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6">
						<div class="course">
							<!--<img src="img/7.png" class="img-responsive" alt=""/>-->
							<p><img src="images/4.png" class="img-responsive" alt="" /></p>
							<h4>以科技创新为基础</h4>
							<h5>不断学习新技术，突破层层难关</h5>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--course-->
		<!--bbs1-->
		<section id="bbs1">
			<div class="container">
				<div class="row wow fadeInUp" data-wow-duration="0.5s">
					<div class="col-md-12"> <span class="line"></span>
						<h3 class="title">代办社保</h3><span class="line"></span></div>
					<div class="col-md-5 col-sm-5 col-xs-12" style="padding-top: 20px;">
						<!--<a href="#">-->
							<img src="images/shebao.png" class="img-responsive" alt="" />
						<!--</a>-->
					</div>
          <div class="col-md-1 col-sm-1 hidden-xs"></div>
					<div class="col-md-6 col-sm-6 col-xs-12 ">
						<a href="" style="text-align: left">
							<h3 style="margin-bottom: 20px ">陕西社保</h3>
							<p style="line-height: 40px;font-size: 18px">*专注陕西社保代缴5年</p>
              <p style="line-height: 40px;font-size: 18px">*正规社保 买房无忧 看病轻松</p>
              <p style="line-height: 40px;font-size: 18px">*实体公司 正规可靠</p>
              <p style="line-height: 40px;font-size: 18px">*可补缴最近一个月的社保</p>
              <p style="line-height: 40px;font-size: 18px">*专业人员一对一服务</p>
						</a>
					</div>
				</div>
			</div>
		</section>
		<!--bbs1-->

		<!--app-->
		<section id="app1" style="text-align:center;background: #375B7F">
			<div class="container">
				<div class="row  wow fadeInUp">
					<div class="col-md-12 hezuo">
						<h2>合作伙伴</h2>
						<h5>The company advantage</h5>
					</div>
					<div id="huoban">

					</div>
				</div>
			</div>
		</section>
		<!--app-->

		<!--footer-->
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="row">
							<div class="col-md-4 col-sm-4 col-xs-4">
								<h4>服务热线</h4>
								<ul class="list-unstyled">
									<li>
										<a href="#">人力资源服务</a>
									</li>
									<li>
										<a href="#">陕西社保</a>
									</li>
									<li>
										<a href="#">代办代缴</a>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4">
								<h4>加入我们</h4>
								<ul class="list-unstyled">
									<li>
										<a href="#">期待和您一起</a>
									</li>
									<li>
										<a href="#">奋进</a>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4">
								<h4>招聘社区</h4>
								<ul class="list-unstyled">
									<li>
										<a href="#">中粮业务代表</a>
									</li>
									<li>
										<a href="#">迎聘岗位</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-sm-12">
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-6">
								<h4>联系我们</h4>
								<ul class="list-unstyled">
									<li>
										<a href="#">办公地址：陕西省西安市经济开发区凤城二路海璟国际A座1801室</a>
									</li>
									<li>
										<a href="#">座机：89619882</a>
									</li>
									<li>
										<a href="#">电话：17782655152</a>
									</li>
								</ul>

							</div>
							<div class="col-md-6 col-sm-6 col-xs-6">
								<ul class="list-unstyled">
									<li>
										<a href="#"><img style="width: 50%;height:auto;" src="images/top_03.png" alt="" /></a>
									</li>
								</ul>
								<p>扫一扫了解更多职位</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->


    <script src="js/bootlint.js"></script>
		<script src="js/jquery.singlePageNav.min.js"></script>
		<script src="js/wow.min.js"></script>
    <!--<script src="js/zepto.js"></script>-->
		<script>
			new WOW().init();
		</script>
		<script>
      $('.contact1').click(function(){ $('.contact-box').show()});
      $('.sc').click(function(){  $('.contact-box').hide();});

      // tab 内容
      $("#myTab").on("click", "li", function() {
        var i = $(this).index();
        // 点击某个元素时，给这个元素添加active类，其余兄弟元素的active类都取消
        $(this).addClass("active").siblings().removeClass("active");
        $(".showMoreNChildren  div").hide().children(i).show();
        $(".js-load-more").hide();
		  $(".showMoreNChildren").empty();
      })

	  function getInfo(i) {
        $.ajax({
          url: "http://www.ypinkj.com/api/position/web/getByAllJobTypeId?jobTypeId=" + i,
          //请求的url地址
          data: {},
          //参数值
          type: "POST",
          //请求方式
          success: function (req) { //请求成功时处理
            if (req.code == 200) {
              var dats = Array.from(req.data);
              var str = '';
				console.log(i);
              for (var k =0; k <dats.length; k++) {
                  var list = "";
                  list += "<div class='col-md-3 col-sm-3 col-xs-6 cooperative'>";
                  list += "<a target='_blank' href='details.html?jobTypeId=" + i + "&positionName=" + dats[k].positionName + "&positionId=" + dats[k].positionId + "' >";
                  list += "<div class='service-wrap'>";
                  list += "<div class='img fl'><img class='img-responsive' src='" + dats[k].logo + "'>";
                  list += "</div>";
                  list += "<div class='service-title fr'>";
                  list += "<p > " + dats[k].positionName + " </p>";
                  list += "<h5> " + dats[k].education + " </h5>";
                  list += "<p class='red'> " + dats[k].positionSalary + "</p>";
                  list += "</div>";
                  list += "</div>";
                  list += "</a>";
                  list += "</div>";
                  str += list;
                }
                $(".showMoreNChildren").append(str);

            }$.showMore(".showMoreNChildren");
          },
          error: function () { //请求出错处理
          }
        })
      }

      //调用显示更多插件。参数是标准的 jquery 选择符

				$(function() {//导航切换
				$.ajax({
					url: "http://www.ypinkj.com/api/jobType/web/getAllJobType",//请求的url地址
					data: {},//参数值
					type: "POST", //请求方式
					success: function(req) {//请求成功时处理
						if(req.code == 200) {
							var data = req.data;
							var id = data[0].jobTypeId;
							getInfo(id);
							var str = '';
							for(var i = 0; i < data.length; i++) {
								str += "<li onclick='getInfo(" + data[i].jobTypeId + ")'>" + data[i].jobTypeName + "</li>";
							}
							$("#myTab").append(str);
							$("#myTab li:first-child").addClass("active");
						}
					},
					error: function() {
						//请求出错处理
					}
				});
      })

    //合作伙伴
				$(function() {
					$.ajax({
						type: "GET", //请求方式
						url: "http://www.ypinkj.com/api/company/web/getAllCompany", //地址，就是json文件的请求路径
						dataType: "json", //数据类型可以为 text xml json  script  jsonp
						success: function(res) { //返回的参数就是 action里面所有的有get和set方法的参数
							var dats = res.data;
							if(res.msg == '成功') {
								//															console.log(dats);
								var str = ''
								for(var i = 0; i < dats.length; i++) {
									//								console.log(dats.length)
									var list = '';
									list += "<div class='col-md-2 col-sm-2 col-xs-6 cooperative'>";
									list += "<div class='service-wrap '>";
                  list += "<div class='col-md-5 col-sm-5 col-xs-5' style='padding-left: 5px;padding-right: 5px;'>";
                  list += "<div class='img'><img class='img-responsive' src='" + dats[i].companyLogoImg + "'></div>";
                  list +="</div>"
                  list += "<div class='col-md-7 col-sm-7 col-xs-7' style='padding-left: 5px;padding-right: 5px;padding-top: 5px '>";
									list += "<p class='company_title'> " + dats[i].companyName + " </p>";
									list +="</div>"
									list += "<div class='clear'></div>"
									list += "</div>";
									list += "</div>";
									str += "<div>" + list + "</div>";
								}
								$("#huoban").append(str);
							}
						}
					});
				});

      //      时事新闻
      $(function() {
        $.ajax({
          type: "GET", //请求方式
          url: "http://www.ypinkj.com/api/area/web/getAllServiceTow?id=11", //地址，就是json文件的请求路径
          dataType: "json", //数据类型可以为 text xml json  script  jsonp
          success: function(res) { //返回的参数就是 action里面所有的有get和set方法的参数
            var dats = res.data;
            if(res.msg == '成功') {// console.log(dats);
              var str = '';
              for(var i = 0; i < dats.length; i++) {
                var list = '';
                list +="<li class='news'>";
                list +="<a target='_blank' href='news_details.html?areaId="+dats[i].areaId+"'>"
                list +="<h3 style='font-size:16px; display: inline-block;width: 70%'>"+dats[i].areaTitle+"</h3>"
                list +="<p style='display: inline-block;width: 25%'>2020/7/31</p>"
                list +="</a>"
                list +="</li>"
                str += list;
              }
              $("#news").append(str);
            }
          }
        });
      });
		</script>

  </body>

</html>
